@use '@/styles/variables/colors.scss' as colors;
$body-font: azo-sans-web, sans-serif;
$heading-font: adrianna, sans-serif;
$spacer: 4px;
@forward 'vuetify/settings' with (
  $color-pack: false,
  $body-font-family: $body-font,
  $heading-font-family: $heading-font,
  $font-weights: (
    'thin': 100,
    'light': 350,
    'regular': 400,
    'medium': 500,
    'bold': 700,
    'black': 900,
  ),
  $typography: (
    'h1': (
      'size': 3.125rem,
      'weight': 350,
      'line-height': 3.8125rem,
      'font-family': $body-font,
    ),
    'h2': (
      'size': 2.125rem,
      'weight': 700,
      'line-height': 2.9375rem,
      'font-family': $heading-font,
    ),
    'h3': (
      'size': 1.875rem,
      'weight': 400,
      'line-height': 3.1875rem,
      'font-family': $body-font,
    ),
    'h4': (
      'size': 1.875rem,
      'weight': 300,
      'line-height': 3.1875rem,
      'font-family': $body-font,
    ),
    'h5': (
      'size': 1.5rem,
      'weight': 700,
      'line-height': 1.4375rem,
      'font-family': $heading-font,
    ),
    'h6': (
      'size': 1rem,
      'weight': 700,
      'line-height': 3.1875rem,
      'font-family': $heading-font,
    ),
    'subtitle-1': (
      'size': 1rem,
      'weight': 400,
      'line-height': 1.75rem,
      'letter-spacing': 0.009375em,
      'font-family': $body-font,
    ),
    'subtitle-2': (
      'size': 0.875rem,
      'weight': 500,
      'line-height': 1.375rem,
      'letter-spacing': 0.0071428571em,
      'font-family': $body-font,
    ),
    'body-1': (
      'size': 1rem,
      'weight': 400,
      'letter-spacing': 0.03125em,
      'line-height': 1.5rem,
      'font-family': $body-font,
    ),
    'body-2': (
      'size': 0.875rem,
      'weight': 400,
      'letter-spacing': 0.0178571429em,
      'line-height': 1.25rem,
      'font-family': $body-font,
    ),
    'caption': (
      'size': 0.75rem,
      'weight': 400,
      'letter-spacing': 0.0333333333em,
      'line-height': 1.25rem,
      'font-family': $body-font,
    ),
    'overline': (
      'size': 0.625rem,
      'weight': 400,
      'letter-spacing': 0.1666666667em,
      'line-height': 1rem,
      'font-family': $body-font,
    ),
  ),
  $rounded: (
    0: 0,
    'sm': 2px,
    null: 4px,
    'lg': 8px,
    '10': 10px,
    'xl': 24px,
    'pill': 9999px,
    'circle': 50%,
  ),
  //VCard
  $card-text-font-size: 0.875rem,
  $card-text-line-height: 1.125rem,
  $card-border-color: #e3e6ea,
  //VDialog
  $dialog-border-radius: 0.625rem,
  //VMenu
  $button-text-letter-spacing: -0.1px,
  $menu-content-border-radius: 10px,
  //VSnackbar
  $snackbar-border-radius: 10px,
  $snackbar-font-size: 0.875rem,
  $snackbar-multi-line-wrapper-min-height: 50px,
  //VTooltip
  $tooltip-border-radius: 2px,
  $tooltip-background-color: rgba(48, 48, 51, 0.9),
  $tooltip-text-color: #d9dae0,
  $tooltip-padding: 8px 16px,
  //VInput
  $input-details-padding-above: 4px,
  $input-control-height: 40px,
  //VNavigationDrawer
  $navigation-drawer-border-color: colors.$separator,
  $navigation-drawer-border-thin-width: 2px,
  //VBtn
  $progress-circular-underlay-color: transparent,
  //Grid
  $container-padding-x: $spacer * 3,
  //VTable
  $table-column-padding: 0 24px,
  $table-border: thin solid colors.$table-border,
  $table-color: colors.$navigation,
  //VOverlay
  $overlay-scrim-background: colors.$navigation,
  $overlay-opacity: 0.6,
  //VDatePicker
  $date-picker-month-btn-height: 20px,
  $date-picker-month-btn-size: 0.75rem,
  $date-picker-month-font-size: 0.75rem,
  $date-picker-month-day-size: 32px,
  $date-picker-years-padding-inline: 0px,
  $date-picker-width: 290px,
  //VSelectionControl
  $selection-control-size: 36px,
  $switch-track-background: rgba(0, 0, 0, 0.38)
);
